<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="jquery.js"></script>
	<script>
		// ajax 页面无刷新向服务器请求数据 ,能做且只能做
		$(function(){
			//1 手机  2方式  3地址   4接受返回信息
			
			
			
			
			
			var datassss = {
				status:true,
				result:[
					'高清-巴神与新欢超酷写真',
					'用车｜小保最低338元 东风标致308保养解析',
					'导购｜最高降6.5万 近期车市热销SUV车型行情',
					'用车｜小保最低316元 第八代索纳塔保养解析',
					'全国|天津|上海|重庆|广州|长春 车市报价 北京'				
				]
			};
			$('#btn1').click(function(){
				$.ajax({
					type:'GET',			//POST
					url:'php/request.php?page=1',
					dataType:'json',
					success:function(data){
						if(data.status === true){
							var result = data.result;
							for(var i in result){
								alert(result[i])
							}
						}
					}
				})
			})
		})
	</script>
</head>
<body>
	<input type="button" value="ajax请求" id="btn1">

	<div id="div1" style="width:300px;height:auto;padding:10px;border:1px solid #ddd;">
		
	</div>
</body>
</html>